- 博客(4)
- 收藏
- 关注
原创 Vue router的安装及使用
1.安装:npm install vue-router或cnpm install vue-router或yarn add vue-router2.在新建 router.js中引入如下代码:3.在src中新建views文件夹,在views新建例如:Home文件夹,在文件夹中新建index.vue4.在router.js中设置如下两步5.在App.vue中的div内引入6.在main.js中 写上import router from ‘./router’在new的实例中增加router,具体
2020-07-24 11:35:35 366
原创 Vue 组件
一.Vue自定组件1、在src中components中,新建Header.vue组件(首字母建议大写)2.Header.vue格式3.在app.vue中引用组件// 第一步引入组件import Header from ‘./components/Header.vue’// 第二步在export default注册组件components: {Header}二.Vue组件组件传值:父传子、子传父、子传子父子组件的关系可以总结为 prop 向下传递,事件向上传递。父组件通过 prop
2020-07-24 08:28:53 104
原创 Vue基础知识
一.1.Vue声明式渲染:Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统{{message}}2.条件与循环:控制切换一个元素是否显示,v-if绑定数组的数据来渲染一个项目列表,v-for3.事件绑定:可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码,且需v-on接收一个需要调用的方法名称。v-on:click4.双向绑定:可以用 v-model 指令在表单 、 及 元素上创建双向数据绑定。它会根据控件类型自动选取
2020-07-22 16:37:33 116
原创 Vue环境安装配置
1、安装git工具,便于在wind电脑上操作命令行,自行在网上下载安装,可以不安装2、安装node,检查node安装是否成功,在git工具中输入node -v3、检查npm是否安装成功,在git工具中输入npm(npm一般随node一起安装在电脑中,node如果成功了,npm基本都会没问题)4、cnpm安装参考网站:https://developer.aliyun.com/mirror/NPM?from=tnpm在git工具中输入:npm install -g cnpm --registry=htt
2020-07-22 10:38:17 204
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人