随笔分类 - Vue
摘要：在项目开发的时候，接口联调的时候一般都是同域名下，且不存在跨域的情况下进行接口联调，但是当我们现在使用vue-cli进行项目打包的时候，我们在本地启动服务器后，比如本地开发服务下是 http://localhost:8080 这样的访问页面，但是我们的接口地址是 http://localhost:3
阅读全文
摘要：vuex是一个专门为vue.js设计的状态管理模式，并且也可以使用devtools进行调试，可以多个组件共享状态。简单来说，就是共享的状态用state来存放，用mutations来操作state，但是需要用store.commit来主动式的操作mutations。 用一个简单的demo来认识vuex
阅读全文
摘要：一个被渲染组件同样可以包含自己的嵌套 <router-view>。同样要有vue-router的三个要素：路由map 、路由视图、路由导航。 举个在"/apple" 下再嵌套路由的例子。要素一：路由map 子路由需要在 VRouter 的参数中使用 children 配置： 要素二：路由视图 在上级
阅读全文
摘要：一、<router-link :to="..."> to里的值可以是一个字符串路径，或者一个描述地址的对象。例如： 二、router.push(...)方法 同样的规则也适用于router.push(...)方法。 三、注意点 1、关于带参数的路由总结如下： 无论是直接路由“path" 还是命名路由
阅读全文
摘要：安装vue-router模块 使用vue-router前要先安装vue-router库 使用vue-router vue-router有三个要素：路由map 路由视图 路由导航。路由map指路由与组件的映射关系；路由视图指路由映射对应组件的渲染位置；路由导航指可以使地址栏发生变化的导航链接。一、路由
阅读全文
摘要：一、下载安装node.js下载地址：https://nodejs.org/en/download/，选择合适自己的版本下载，我下载的是Windows Installer (.msi) 32.bit。二、启用cmd使用node提供的npm包管理工具 ，可以使用cnpm代替npm。方法一：使用npm安装
阅读全文
摘要：在 Vue 中，父子组件的关系可以总结为 prop 向下传递，事件向上传递。一、父组件向子组件传值 使用 Prop 传递数据，父组件的数据需要通过 prop 才能下发到子组件中,子组件要显式地用 props 选项声明它预期的数据。 然后我们可以这样向它传入一个普通字符串： 也可以用 v-bind 来
阅读全文
摘要：v-bind 用于 class 和 style 时，表达式结果的类型除了字符串之外，还可以是对象或数组。v-bind绑定class类名一、字符串语法 如果想根据条件切换列表中的 class，可以用三元表达式： 二、对象语法 我们可以传给 v-bind:class 一个对象，以动态地切换 class：
阅读全文
摘要：v-for 指令需要以 site in sites 形式的特殊语法 一、v-for 循环数组 HTML代码 JS代码 可以提供第二个参数为索引 HTML代码 二、v-for 循环迭代对象属性值 HTML代码 JS代码 可以提供第二个的参数为键名；第三个参数为索引； HTML代码 三、题外话：改变数组
阅读全文
摘要：{{ }} 将元素当成纯文本输出 v-htmlv-html会将元素当成HTML标签解析后输出 v-textv-text会将元素当成纯文本输出 代码： 运行结果：
阅读全文
摘要：全局注册： 要注册一个全局组件，可以使用 Vue.component(tagName, options)。 注意确保在初始化根实例之前注册组件： html代码： JS代码： 一：DOM 模板解析注意事项 当使用 DOM 作为模板时 (例如，使用 el 选项来把 Vue 实例挂载到一个已有内容的元素上
阅读全文
摘要：一、共同点 根据数据值来判断是否显示DOM元素 二、区别 代码： 浏览器解析结果： 1.手段：v-if是动态的向DOM树内添加或者删除DOM元素；v-show是通过设置DOM元素的display样式属性控制显隐； 2.编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的
阅读全文
浙公网安备 33010602011771号