随笔分类 -  Vue

Vue学习手记09-mock与axios拦截的使用
摘要：01、安装 02、新建一个config.js文件做axios拦截 03、在入口文件main.js引入 04、建立mock文件夹，并新建index.js文件，用于设置mock和引用其他组件分出来的mock请求数据，便于数据分模块获取 index.js home.js 04、使用（在需要请求数据的界面使 阅读全文
posted @ 2019-12-09 11:50 码锋窝 阅读(726) 评论(0) 推荐(0)
Vue学习手记08-vue-cli的启动过程
摘要：分两种情况 无路由和有路由 无路由 看到启动页面 在文件main.js( vue项目的入口文件)中 这里可以看到，生成了一个全局的vue实例，绑定在了#app上面，也就是在文件index.html中的那个div。 然后这个vue实例，使用的是 ./App这个组件，然后模板是:'<App/>'，这就是 阅读全文
posted @ 2019-12-02 18:28 码锋窝 阅读(252) 评论(0) 推荐(0)
Vue基础学习 --- 遍历数组
摘要：{{user.name}}:{{user.age}} {{item.name}}:{{item.age}} ... 阅读全文
posted @ 2019-12-02 17:47 码锋窝 阅读(1086) 评论(0) 推荐(0)
Vue基础学习 --- 组件传值
摘要：父组件->子组件 小结 在son标签中添加属性f2s（属性名可以随意起）、要传的值 在子组件中使用props接收, 然后template中使用 子组件->父组件 小结 示例中子组件是一个按钮, 当点击按钮时, 触发按钮的点击事件, 调用子组件的send2f方法 在send2f方法中通过this.$e 阅读全文
posted @ 2019-12-02 13:40 码锋窝 阅读(184) 评论(0) 推荐(0)
Vue基础学习 --- 全局组件与局部组件
摘要：组件分为 全局组件 局部组件 全局组件 // 语法 Vue.component('组件名', {组件参数}) Vue.component('com1', { template: '<button @click="count++">你点了我{{count}}次</button>', data() { 阅读全文
posted @ 2019-12-02 13:12 码锋窝 阅读(517) 评论(0) 推荐(0)
Vue学习手记04-跨域问题
摘要：01-安装axios，指令（npm install --save axios）02-解决跨域问题 在config=>中创建一个新的文件proxyConfig.js 在config=>index.js文件中 引入：var proxyConfig = require('./proxyConfig') 赋 阅读全文
posted @ 2019-07-15 11:22 码锋窝 阅读(207) 评论(0) 推荐(0)
Vue学习手记03-路由跳转与路由嵌套
摘要：1.路由跳转 4.在需要切换的地方使用标签router-link 属性： to="hello"指定跳转的路由页面 tag 可以用于指定router-link标签的渲染标签，tag="li"就是安装li的标签样式来渲染。 2.动态路由（参数传递） /:id 多个参数就 /:id/:name3.路由嵌套 阅读全文
posted @ 2019-07-14 18:04 码锋窝 阅读(348) 评论(0) 推荐(0)
Vue学习手记02 - 路由
摘要：1.项目 注意：项目在初始化的时候没有安装vue-router就需要进行安装2.安装路由： 在项目中使用ctrl+`, 打开终端, 执行如下命令 在一个模块化工程中使用1.在main.js中必须要通过 Vue.use() 明确地安装路由功能： 2.main.js创建路由 3.需要显示路由的位置 <r 阅读全文
posted @ 2019-07-14 11:55 码锋窝 阅读(197) 评论(0) 推荐(0)
Vue学习手记01-安装和项目创建
摘要：1.安装Vue 注：node版本必须大于等于8.9 vue-cli3.x:npm install -g @vue/cli vue-cli2.x:npm install -g @vue/cli-init 使用三步曲： data中的内容就是M(模型), div中的内容是V(视图), vue实例是VM 2 阅读全文
posted @ 2019-07-14 11:50 码锋窝 阅读(188) 评论(0) 推荐(0)