摘要: 思维导图 form 做表单一定要用 form+button组合 <template> <div id="app"> 登录 <form @submit.prevent="onSubmit"> //.prevent阻止默认动作 <label> <span>用户名</span> <input type=" 阅读全文
posted @ 2020-07-15 11:17 过程是风景 阅读(197) 评论(0) 推荐(0) 编辑
摘要: Directive指令:减少DOM操作的重复 Vue实例/组件用于数据绑定、事件监听、DOM更新 Vue指令主要目的就是原生DOM操作 减少重复 自定义指令 两种声明方式 方法一:声明一个全局指令 Vue.directive('x', directiveOptions) 方法二:声明一个局部指令 在 阅读全文
posted @ 2020-07-08 07:08 过程是风景 阅读(180) 评论(0) 推荐(0) 编辑
摘要: vue 修饰符sync的功能是:当一个子组件改变了一个 prop 的值时,这个变化也会同步到父组件中所绑定 //写一个(子)组件Child.vue <template> <div class="child"> {{money}} //儿子这里要显示钱 <button @click="$emit('u 阅读全文
posted @ 2020-07-05 16:47 过程是风景 阅读(224) 评论(0) 推荐(0) 编辑
摘要: 修饰键 Command(或 Cmd)⌘ Shift ⇧ Option(或 Alt)⌥ Control(或 Ctrl)⌃ Caps Lock ⇪ 输入快捷键 Control–A:移至行或段落的开头 Control–E(end):移至行或段落的末尾 Control–F(forward):向前移动一个字符 阅读全文
posted @ 2020-07-02 09:33 过程是风景 阅读(227) 评论(0) 推荐(0) 编辑
摘要: template三种写法 一 在Vue完整版里,写在HTML里 <div id=xxx> {{n}} <button @click="add">+1</button> </div> new Vue({ el: '#xxx', data:{n:0}, // data 可以改成函数 methods:{a 阅读全文
posted @ 2020-06-20 19:37 过程是风景 阅读(114) 评论(0) 推荐(0) 编辑
摘要: computed 定义:根据其他属性被计算出来的值 computed :{ [key: string]: Function | { get: Function, set: Function } } 是个对象,键名是字符串,键值可以是①仅读取:函数形式,返回计算出的值(也就是getter)②读取和设置 阅读全文
posted @ 2020-06-19 19:14 过程是风景 阅读(121) 评论(0) 推荐(0) 编辑
摘要: getter和setter怎么用 示例代码 getter ,关键词为 get ,用于获取一个值。定义时为函数,但是使用时不用加括号。 setter 用于对数据的改写 Object.defineProperty 示例代码 可以给对象添加属性value可以给对象添加getter / settergett 阅读全文
posted @ 2020-06-18 07:10 过程是风景 阅读(486) 评论(0) 推荐(0) 编辑
摘要: el:挂载点 与$mount有替换关系 new Vue({ el: "#app" }); new Vue({}).$mount('#app') 注:被你选为挂载点的那个元素,如果在index.html里那个元素里面本来就有内容,在渲染时会消失(网速慢可以看到),被这个vue实例的对应内容所覆盖。 d 阅读全文
posted @ 2020-06-16 18:01 过程是风景 阅读(3182) 评论(0) 推荐(0) 编辑
摘要: Vue版本 Vue完整版 有编译器compiler,体积大功能多,可以直接把html字符串变成DOM节点 视图,此处为html字符串,写在index.html里或者写在new Vue构造选项template里 引入方法 cdn引入:在index.html里用script标签引入,bootcdn:vu 阅读全文
posted @ 2020-06-12 20:19 过程是风景 阅读(115) 评论(0) 推荐(0) 编辑
摘要: MVC(Model–View–Controller) Model:数据模型 负责操作所有数据View:视图 负责所有UI界面Controller:控制器 负责其他 //数据放在m const m = { //1.有个数据本数 data: {}, //2.可以对数据增删改查 create() {}, 阅读全文
posted @ 2020-06-12 07:35 过程是风景 阅读(144) 评论(0) 推荐(0) 编辑