随笔分类 -  91vue.js

摘要:vue中的v model 首先要记得,这个写法,不是modle,不是module。记得,有五个单词。 其次,所谓的指令,应该算是扩充了HTML元素的属性。本质上,是一种元素属性。 目标是响应式输入和输出 方法一:原生JS的实现方式 方法二:vue中的原生写法 方法三:vue中的简写方式 v mode 阅读全文
posted @ 2020-04-13 07:53 风意不止 阅读(310) 评论(0) 推荐(0)
摘要:vue中的v for可以循环四种数据,分别是, 数字,字符串,数组,对象 首先,v for是属性,是对元素属性的扩展。记得,是v for="",而不是 v for:"". 接着,在v for属性的值是表达式,里面的参数,用逗号,而不是用空格隔开。 一:v for循环数字 二:v for循环字符串 三 阅读全文
posted @ 2020-04-13 06:29 风意不止 阅读(23990) 评论(0) 推荐(0)
摘要:第一个,使用计算属性,来修改数据 <div id="example"> <p>{{ now }}"</p> <p>{{msg}}</p> </div> <script> // 在控制台,使用vm.msg=2,修改msg的时候,时间不会发生变化 var vm = new Vue({ el: '#exa 阅读全文
posted @ 2020-04-12 10:29 风意不止 阅读(462) 评论(0) 推荐(0)
摘要:老师就推荐了一个vue插件,叫vetur,但是为什么,不能自动补全,script,methods和export default? 步骤 1. 先安装好 vetur 2. cmmond + , 在右侧配置相中添加如下代码(这个怎么找啊,草) "emmet.syntaxProfiles": { "vue 阅读全文
posted @ 2020-04-12 01:06 风意不止 阅读(1138) 评论(0) 推荐(0)
摘要:一:对象写法 <script type="text/javascript"> var app=new Vue({ el:'#app', data:{ isLogin: false } }) </script> 二:函数写法 <script type="text/javascript"> var ap 阅读全文
posted @ 2020-04-12 00:36 风意不止 阅读(1263) 评论(0) 推荐(0)
摘要:两者的区别 使用router-link方式跳转,会在页面渲染的时候就加载对应的路由比起直接写的方式的优点:不管是h5的history还是hash模式,切换的时候很方便;会默认阻止浏览器的默认事件;写路径的时候不用写基路径了。 $router.push("/myroute")跳转到对应的路径,可在页面 阅读全文
posted @ 2020-04-10 22:03 风意不止 阅读(6014) 评论(0) 推荐(0)
摘要:vue那么多指令怎么记忆?如果单纯靠长期经验,难免会停在经验主义上,我想应该有一个经典的分类,来梳理和概括vue 思考问题如下 1.vue操作的是dom还是html 2.html和dom的区别 3.dom是否存在类似html的标签 4.标签三要是什么?vue是如何区别修改的,以及在vue中的对应的概 阅读全文
posted @ 2020-04-06 07:45 风意不止 阅读(643) 评论(0) 推荐(0)
摘要:如何用vue做网站前端?一般分两种模式: 一:单兵模式(HTML格式):简单的站点,直接用HTML的形式,简单的引用vue.js就行了。跟jq那种模式差不多。 简单引用模式,主要做一些小项目,也能对VUE的基础知识,有很好的练习。 这里总结一下,VUE的指令,有14个。 二:全家桶模式(单文件组件) 阅读全文
posted @ 2020-04-03 06:28 风意不止 阅读(2037) 评论(0) 推荐(0)