Vue项目的初始化流程: 1、先创建项目 2、配置根组件 3、进行路由的配置 4、组件配置:views和components文件夹 先删除Home.vue和About.vue组件 初始化Home.vue,创建新的Home.vue组件 5、分类管理资源:assets文件夹 建立img、css、js子文 ...
分类:
其他好文 时间:
2020-02-18 09:59:16
阅读次数:
88
组件传参 父传子 1)在子组件内部通过props设置组件的自定义属性 2)在父组件渲染子组件是对自定义属性赋值即可 示例代码: 子组件示例代码 父组件示例代码 子传父 前提:子组件是被父组件渲染的,所以子组件渲染要晚于父组件。 1)在这个前提下,子组件一定要满足一个条件,才能对父组件进行传参(某个时 ...
分类:
其他好文 时间:
2020-02-18 09:24:52
阅读次数:
52
组件(Component)是Vue最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue的编译器为它添加特殊功能。 在有些情况下,组件也可以表现为用is特性进行了扩展的原生HTML元素。 所有的Vue组件同时也都是Vue的实例,所以可以接受相同的选项对象 ...
分类:
Web程序 时间:
2020-02-17 12:36:21
阅读次数:
93
现在,我们希望在项目中使用vuejs,那么必然需要对其有所依赖,所以需要先就行安装 注:因为我们后续是在实际项目中也会使用vue的,所以并不是开发时依赖 npm install vue --save 然后配置vue-loader(开发时依赖) npm install --save-dev vue-l ...
分类:
Web程序 时间:
2020-02-16 12:39:33
阅读次数:
73
Vue组件 组件的构成 一个.vue文件就是一个组件 组件都是由三部分组成:html结构(html结构都是在template标签中)、js逻辑、css样式 1)template只能解析一个根标签 2)js逻辑都是在script标签中,必须设置导出,export default {...} 3)css ...
分类:
其他好文 时间:
2020-02-13 21:23:17
阅读次数:
85
什么是 vue-loader? vue-loader 是一个 webpack 的 loader,它允许你以一种名为单文件组件的格式撰写 Vue 组件。 如何使用? 1. 安装 npm install vue-loader vue-template-compiler --save-dev 2. 配置 ...
分类:
其他好文 时间:
2020-02-10 11:52:53
阅读次数:
718
index.vue 源代码 三部分:template,script,style 一 、template 模板部分 1 <template> 2 <div class="index" v-cloak> 3 <div class="header acea-row row-center-wrapper"> ...
分类:
其他好文 时间:
2020-02-08 15:17:50
阅读次数:
174
朝颜陌 vue基础 组件通信(props,$emit,$attrs,$listeners) 一、父传子,子传孙 1. props 1>在父组件中通过子组件自定义的标签属性来传递数据。 2>在子组件中通过props声明希望用到的数据 1 <body> 2 <div id="app"> 3 <my-fa ...
分类:
其他好文 时间:
2020-02-07 17:08:03
阅读次数:
65
``` 你把函数定义在 Vue 的原型链上,只能在 Vue 的实例里才能取到这个方法。 vue组件 是一个Vue 的实例,所以你当然能在这里调用到 ajax 方法。 而,vuex 只是一个 vue插件,在 vuex 里的 this 不是指向 vue实例的,所以肯定是取不到 ajax 方法的。 建议:... ...
分类:
其他好文 时间:
2020-02-07 12:44:32
阅读次数:
56
1、安装less,less loader 2、配置wepack.js(vue3+版本中不用自己设置) 3、在vue组件中使用,及其常用用法 + @x:代表一个定义好的变量 + 嵌套写法 + 计算和各种函数进行运算 ...
分类:
其他好文 时间:
2020-02-06 21:37:17
阅读次数:
73