-
046_自定义指令_对象式
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 自定义指令</title > <script type ="text/javascript" src ="../js/vue.js"... -
045_自定义指令_函数式
源码 directive英[dəˈrektɪv] 美[dəˈrektɪv]n. 指示;命令;adj. 指示的;指导的; 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 自定义指令</title > ... -
079_TodoList_本地存储
源码 App.vue 源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > <!-- 父组件App.vue ... -
068_插件
插件 功能 本质 定义插件 源码 plugins.js main.js 插件 功能 用于增强Vue 本质 包含install() 方法的一个对象 ，install(Vue, …)的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 对象； 对象中必须包含 install() 定义插件 对象.install =... -
对象的简写形式
1. 属性简写（同名省略） 2. 方法简写（省略 : function ） 3. 计算属性名（动态键名） 4. Vue 特定简写 （1）v-bind 简写 （2）v-on 简写 5. 对象展开运算符（... ） 6. 解构赋值简写 7. Vuex 中的简写 （1）mapState 简写 （2）mapActions 简... -
076_TodoList案例_底部交互
功能 重要源码 App.vue MyFooter.vue 功能 左侧单选某项，如果都勾选上时，下方的“已完成”自动勾选，否则取消“已完成”。 实现“清除已完成任务”按钮任务。 重要源码 App.vue <template > <div id ="root" > <div class ="todo-co... -
051_生命周期_销毁流程
继续添加注释 源码 继续添加注释 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 分析生命周期</title > <!-- 引入Vue --> <script... -
075_TodoList案例_底部统计
App.vue MyFooter.vue App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > <!-- 父组件App... -
042_v-cloak指令
v-cloak 指令没有值，只有名。 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-cloak指令</title > <style > /*将本页所有的 v-cloak...