随笔分类 - Vue
摘要：// 可以利用事件委托进行处理hash和锚点的冲突问题。 // handleAnchorClick(e){ if (e.target && e.target.tagName.toLowerCase() === 'a') { // 确定点击元素是不是a元素； // Determine whether the click element is a ele...
阅读全文
摘要：在开发时，由于数据是异步的导致页面在render 时data是空值 出现报错和警告。 我是这么处理的 把data先写出一个空的完整结构。暂时是这么处理 或者用三元表达式进行赋值监听。data ？mydata：null
阅读全文
摘要：var date = data.concat(); unique(date); console.log(date); arrdata(data)； var date = data.concat(); unique(date); console.log(date); arrdata(data)；
阅读全文
摘要：处理这种数据应该使用的方式是 接下来如果 只想显示 每个开头的来的字母(zm) 比如 像下面这种的 那么
阅读全文
摘要：// vue-router中可以使用 routes:[ { path:'/', name:'index', component:()=>import('./index') } ] // 这种写法可以让componet 后面跟一个匿名函数里面跟着组件的路径。 // v-cloak 防止表达式闪烁 // v-pre ...
阅读全文
摘要：this.$router.push({name:'login',query:{name:'ww',age:18}}) 传数据 this.$route.query 拿数据 meta:{ "dl":true} //权限路由 一旦设置了这个meta标签就会在访问该路由时进行meta里面的值的判断。 由此实现了登录拦截 props 也可以在routes里面使用 设置...
阅读全文
摘要：npm i sass-loader --save -dev（-D）
阅读全文
摘要：但只是浅监听，只监听数据第一层或者第二层， 何为第二层？ let obj = {name: 'xx', child: {age: 11}};
阅读全文
摘要：Document aaa bbb ccc
阅读全文
摘要：xx //动态的路由的传参方式 1 ss //动态的路由传参方式 2 点击展示列表cc //动态的路由的传参方式 3
阅读全文
摘要：import Vue from "vue"; import VueRouter from 'vue-router'; import Star from '../components/Star'; import HelloWorld from '../components/HelloWorld'; import MyMenu from '../components/MyMenu'; import ...
阅读全文
摘要：学习完指令之后我们需要学习的就是组件。 在学习组件前我们要了解一下 methods 用来处理事件的。 computed用来计算属性 他就是类似于data一样只不过是动态的处理数据 里面写的方法当成属性直接使用 注意的是它不能传参数。 data用来存放需要展示的数据。组件内的data 需要使用retu
阅读全文
摘要：入门vue 首先从vue的指令开始学起。 vue的指令： v-if 根据是否得到的布尔值进行是否显示。 v-show：根据是否得到的布尔值是否显示。不同的地方在于隐藏是style隐藏。 v-on 监听绑定的事件。可以省略为一个@符号。 一般在后面写的是事件名称。 如： v-bind 单向绑定数据。或
阅读全文
摘要：methods:{ ...mapMutations({aaa:hs}) //将mutations的方法暴露出来，进行调用 aaa是他的名字 ...mapActions(['hs']) //将actions的方法暴露出来，进行调用 hss(){ this.$store.commit('hs') //通过某个方法让它 提交 } hss2(){ this.$store.dispatch('h...
阅读全文
浙公网安备 33010602011771号