1.Vue相关指令
关注
分享
扫一扫
bug的生产者
这个作者很懒，什么都没留下…
展开
-
第一章--走进Vue
1.去vue.js官网下载vue 建议使用开发版本 2.建立项目目录 先大致建一个 3.全局安装一个web服务器 npm install -g live-server 4.安装完成后，在本地输入 当浏览器自动打开了一个域名网站时，说明我们的服务已经建好了 5.初始化我们的项目 npm init 6.初始化完成后，我们多了一个package.json文件 7.在example文件夹下建立我们第一...翻译 2019-07-07 21:19:21 · 108 阅读 · 0 评论 -
第二章：v-if v-else v-show指令的使用
1.修改我们的Index.html文件 vscode快速复制一行的快捷键：alt+shift+下箭头 2.v-if的使用场景：判断用户是否登录，如果登陆，显示欢迎，如未登录，显示请登录 ...转载 2019-07-07 22:05:22 · 349 阅读 · 0 评论 -
第三章：v-for指令的使用
1.简单循环 2.带有计算属性的循环 这样排序其实有一个问题 按照上述写法，排序其实是按照第一个字符来进行排序的，解决方案如下,额外添加一个sortNumber函数,并传入sort中 ...转载 2019-07-08 22:14:32 · 235 阅读 · 0 评论 -
v-text和v-html
1.v-text和{{ }}的区别 {{}}在没有js代码或网络较慢的情况下会出现上图所属的景象，而v-text不会，v-text会在数据加载好之后才会出现相应的结果，因此在实际中，v-text指令用的比较多 2.当我们想输出带标签的数据时，若采用{{}},则 可以采用v-html 但是一般在项目中不用，因为会使得网站容易受到攻击，xss攻击啥的，特别是在用户提交表单的时候，一定不要用 ...转载 2019-07-08 22:45:56 · 172 阅读 · 0 评论 -
v-on指令
1.利用v-on指令编写加分减分 2.键盘键值表转载 2019-07-08 23:36:13 · 132 阅读 · 0 评论 -
v-model指令
来源于技术胖的视屏讲解 1.效果 2.代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...转载 2019-07-09 22:58:39 · 171 阅读 · 0 评论 -
v-bind指令
来源于技术胖的视屏讲解 1.效果图 2.代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...原创 2019-07-10 21:36:33 · 108 阅读 · 0 评论 -
v-pre && v-cloke && v-once指令
来源于技术胖的视频讲解转载 2019-07-10 21:59:13 · 311 阅读 · 0 评论