Sunsin

2018年9月10日

摘要： 1.v-test绑定的是bgcolor var app = new Vue({ el: '#app', data: { num: 123, color: 'red', age: 12, bgcolor:'#f00' } }) var app = new Vue({ el: '#app', data: 阅读全文

posted @ 2018-09-10 10:35 Sunsin 阅读(581) 评论(0) 推荐(1)

关于npm本地安装模块包(node_modules)，安装不了的问题

摘要：单独测试的时候，发现安装不了node_modules包缺少package.json，无法安装. 分为以下两步： 1.npm init -y 2.npm i -D vue 或 yarn add vue 阅读全文

posted @ 2018-09-10 10:05 Sunsin 阅读(1270) 评论(0) 推荐(0)

vue - 实例事件

摘要： 1.$on（在构造器外部添加事件） 2.$once（执行一次的事件） 3.$off（关闭事件） 4.$emit（事件调用）阅读全文

posted @ 2018-09-10 09:36 Sunsin 阅读(692) 评论(0) 推荐(0)

2018年9月9日

vue - 选项

摘要： 1.计算属性（computed）：主要是对原数据进行改造输出。改造输出：包括格式化数据（价格，日期），大小写转换，排序，添加符号 2.methods（methods）：用于绑定html中的事件对应的方法 3.数据变化监听器（watch）：主要用于监测data中的数据变化，让v-model生效 4.过阅读全文

posted @ 2018-09-09 20:25 Sunsin 阅读(204) 评论(0) 推荐(0)

vue - 生命周期

摘要：图例官网vue生命周期钩子. 生命周期说明生命周期钩子示例代码在chrome浏览器里打开，F12看console查看，分三个阶段解读：阶段一：创建和挂载 beforecreated：el 和 data 并未初始化 created：完成了 data 数据的初始化，el没有 beforeMou 阅读全文

posted @ 2018-09-09 20:13 Sunsin 阅读(279) 评论(0) 推荐(0)

vue - (v-pre、v-cloak、v-once)

摘要： 1.v-pre，不和绑定的数据冲突，也就是不用它们的值 2.v-cloak，和css样式一起用，vue渲染未完成不显示 3.v-once，只渲染DOM第一次渲染的值，以后不会改变了(你不要刷新网页，然后说我骗你啊！伤不起) 阅读全文

posted @ 2018-09-09 20:02 Sunsin 阅读(678) 评论(0) 推荐(0)

v - bind

摘要： 1. 用于处理html标签的动态属性，即动态赋值（动态地绑定一个或多个特性，或一个组件 prop 到表达式） 2. 官网API 不知道你有没有做过这样的事情：阅读全文

posted @ 2018-09-09 19:55 Sunsin 阅读(238) 评论(0) 推荐(0)

vue -model

摘要： 1. v-model：监听表单（input,textarea,selector）value. 2. label不知道你有没有这样的体验，我明明没有点用户名输入框，而仅仅是点了“用户名”三个字，然后就直接到了用户名的输入框聚焦. 3. label和label for 有什么关系吗? label包括起来阅读全文

posted @ 2018-09-09 19:49 Sunsin 阅读(341) 评论(0) 推荐(0)

v - on

摘要： 1. v-on绑定：on:click点击事件，再触发方法里面的add()或del() 2. 详情查看官方文档：https://cn.vuejs.org/v2/api/#v-on 阅读全文

posted @ 2018-09-09 19:35 Sunsin 阅读(233) 评论(0) 推荐(0)

vue - v-text 和 v-html

摘要： 1.官方有了{{data}}绑定数据了，为啥还要v-text 因为网络问题,可以我们会卡到看“{{}}”,很尴尬吧！！！ => 因此推荐用v-text 2. v-html是啥? 能吃吗 , v-html和innerHTML一样. 阅读全文

posted @ 2018-09-09 19:20 Sunsin 阅读(1476) 评论(0) 推荐(0)

面对它，无惧它，战胜它！

公告