Vue学习笔记
关注
分享
扫一扫
小斌斌阿
这个作者很懒，什么都没留下…
展开
-
Vue起步_hello world
vue中文官方文档 https://cn.vuejs.org/打开vscode编辑器，创建index.html文件，编辑：原始hello world：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document&原创 2018-05-21 14:52:27 · 2139 阅读 · 0 评论 -
Vue起步_开发TodoList
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Hello World</title> <!-- <script src="/assets/js/v原创 2018-05-21 15:31:49 · 198 阅读 · 0 评论 -
Vue起步_使用组件化思想修改TodoList
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Hello World</title> <!-- <script src="/assets/js/v原创 2018-05-21 16:48:44 · 531 阅读 · 0 评论 -
Vue起步_Vue中的样式绑定
第一种方式：class的对象绑定<body> <div id="app"> <div @click="handleDivClick" :class="{activated: isActivated}" > Hello World </div> </div&原创 2018-06-04 14:58:52 · 211 阅读 · 0 评论 -
Vue起步_v-if条件渲染中的key值问题
<body> <div id="app"> <div v-if="show"> 用户名：<input /> </div> <div v-else> 邮箱：<input /> </div>原创 2018-06-04 15:21:24 · 5020 阅读 · 0 评论 -
Vue项目首页_iconfont的使用和代码优化
选择大麦官方图标库添加需要的图标进购物车：解压缩后：在styles目录下新建文件夹iconfont，把四个字体文件添加进iconfont文件夹：将iconfont.css文件加入styles文件夹中：修改iconfont.css文件中的引入路径：在main.js中引入iconfont.css：import './assets/styles/iconfont.css'复制icon 代码：效果：把...原创 2018-06-05 16:14:08 · 583 阅读 · 0 评论 -
Vue起步_简单的组件间传值
父组件向子组件传值： 父组件通过v-bind绑定值：<div id="app"> <input type="text" v-model="inputValue"/> <button v-on:click="handleBtnClick">commit</button> <ul&a原创 2018-06-01 08:48:46 · 288 阅读 · 0 评论 -
Vue起步_Vue实例生命周期
生命周期函数就是Vue实例在某一个时间点会自动执行的函数。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="原创 2018-06-01 08:53:37 · 272 阅读 · 0 评论