随笔分类 - Vue
Vue日志
摘要：路由是什么 分发请求 默认路由：默认初始页面 404路由（保底路由）：去到不在路由表的路由 嵌套路由：子路由（路由分层） hash模式？history模式？memory模式? hash模式 优点：任何情况下都可用 缺点：SEO不友好（服务器收不到hash） history模式 优点：后端将所有前端路
阅读全文
摘要：思维导图 form 做表单一定要用 form+button组合 <template> <div id="app"> 登录 <form @submit.prevent="onSubmit"> //.prevent阻止默认动作 <label> <span>用户名</span> <input type="
阅读全文
摘要：Directive指令：减少DOM操作的重复 Vue实例/组件用于数据绑定、事件监听、DOM更新 Vue指令主要目的就是原生DOM操作 减少重复 自定义指令 两种声明方式 方法一：声明一个全局指令 Vue.directive('x', directiveOptions) 方法二：声明一个局部指令 在
阅读全文
摘要：vue 修饰符sync的功能是：当一个子组件改变了一个 prop 的值时，这个变化也会同步到父组件中所绑定 //写一个（子）组件Child.vue <template> <div class="child"> {{money}} //儿子这里要显示钱 <button @click="$emit('u
阅读全文
摘要：template三种写法 一 在Vue完整版里，写在HTML里 <div id=xxx> {{n}} <button @click="add">+1</button> </div> new Vue({ el: '#xxx', data:{n:0}, // data 可以改成函数 methods:{a
阅读全文
摘要：computed 定义：根据其他属性被计算出来的值 computed ：{ [key: string]: Function | { get: Function, set: Function } } 是个对象，键名是字符串，键值可以是①仅读取：函数形式，返回计算出的值（也就是getter）②读取和设置
阅读全文
摘要：getter和setter怎么用 示例代码 getter ，关键词为 get ，用于获取一个值。定义时为函数，但是使用时不用加括号。 setter 用于对数据的改写 Object.defineProperty 示例代码 可以给对象添加属性value可以给对象添加getter / settergett
阅读全文
摘要：el：挂载点 与$mount有替换关系 new Vue({ el: "#app" }); new Vue({}).$mount('#app') 注：被你选为挂载点的那个元素，如果在index.html里那个元素里面本来就有内容，在渲染时会消失（网速慢可以看到），被这个vue实例的对应内容所覆盖。 d
阅读全文
摘要：Vue版本 Vue完整版 有编译器compiler，体积大功能多，可以直接把html字符串变成DOM节点 视图，此处为html字符串，写在index.html里或者写在new Vue构造选项template里 引入方法 cdn引入：在index.html里用script标签引入，bootcdn：vu
阅读全文
浙公网安备 33010602011771号