Vue
关注
分享
扫一扫
Torey_Li
本博客主要要来记录学习的课程以及工作中遇到的问题，积累技术，锤炼思维，认识更多的朋友
展开
-
Vue-1 环境搭建
环境搭建安装NVM使用NVM安装node.js在chrome浏览器上安装Vue.js devtools在chrome浏览器上安装Vue.js devtools以下内容摘自方法2： github下载插件，npm包安装依赖，拖入浏览器扩展程序具体操作：1 . 下载chrome扩展插件。在github上下载压缩包并解压到本地，github下载地址：https://github.co...转载 2019-02-28 10:03:20 · 123 阅读 · 0 评论 -
Vue基础demo-表单绑定
Vue基础demo-表单绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.stat原创 2019-03-10 15:45:52 · 339 阅读 · 0 评论 -
vue 组件示例-demo1
Vue组件使用–示例一&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;原创 2019-03-09 21:59:33 · 692 阅读 · 0 评论 -
vue-10 demo1
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&原创 2019-03-08 22:20:33 · 128 阅读 · 0 评论 -
Vue-9 如何进行调试
使用console.log()使用alert()将某个对象绑定到window全局对象上mounted是vue的一个生命周期，相当于组件挂载完成之后，则会执行mounted中的内容原创 2019-03-03 17:23:11 · 218 阅读 · 0 评论 -
Vue - 8 Vuex介绍
根据慕课网的课程做的笔记为什么要引入Vuex单向数据流概念我们页面是由很多个视图来组成的，用户的操作会带来视图上状态的变化，状态的变化又会来驱动视图的更新，如果说，我们的页面没有采用这种数据流的概念去开发的话，组件间的状态管理就会变得异常的复杂我们常见的用Vuex来解决的问题如下：多个视图依赖于同一状态（例：菜单导航）来着不同视图的行为需要变更同一状态（例：评论弹幕）Vuex介...原创 2019-03-03 16:52:38 · 193 阅读 · 0 评论 -
vue-7 Vue-router路由创建与使用
Vue-router是官方的路由管理工具，用它来组建单页面的应用是非常简单的import Vue from 'vue'import Router from 'vue-router'import Home from './views/Home.vue'Vue.use(Router)export default new Router({ routes: [ { ...原创 2019-03-03 15:25:08 · 284 阅读 · 0 评论 -
vue-6 vue-cli工程化项目目录
目录node_modules:是前端依赖public:存放的是公共一些文件src:存放的是源文件views是页面中的一些视图目录components是存放组件的文件目录public目录下的index.heml是项目的入口vue的实例绑定到了id为app的div元素上package.json：package.json是对整个项目的解释说明，项目名称，项目版本，项目所使用...原创 2019-03-02 12:45:27 · 263 阅读 · 0 评论 -
Vue-5 认识vue-cli工具
快速创建工程的两种方法工程化项目的目录我这里的node与npm的版本如下：安装vue-cli脚手架全局安装vue-cli脚手架可使用命令：npm install -g @vue/cli或者cnpm install -g @vue/cli如何创建一个vue工程进入创建工程的目录使用vue create 项目名创建一个工程也可以使用vue ui这个命令进行创建一个工程项目...原创 2019-03-01 23:10:33 · 1881 阅读 · 0 评论 -
Vue-4 条件渲染、列表渲染、class与Style绑定
条件渲染条件渲染常用指令：v-if、v-else-if、v-elsev-showv-for与v-if结合使用v-for高阶用法v-if用法示例：&amp;lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio原创 2019-02-28 15:16:34 · 354 阅读 · 0 评论 -
Vue-3 计算属性与侦听器
计算属性与侦听器侦听器：watch计算属性：computed使用场景侦听器：watch&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html x原创 2019-02-28 09:53:00 · 871 阅读 · 1 评论 -
Vue-2 模板语法
Vue基本概念模板语法认识Vue文件结构(template,script,style)模板语法包含插值、指令(指令缩写)&amp;amp;amp;lt;!DOCTYPE html PUBLIC &amp;amp;quot;-//W3C//DTD XHTML 1.0 Transitional//EN&amp;amp;quot; &amp;amp;quot;http://www.w3.org/TR/xhtml1/DTD/xh原创 2019-02-28 09:59:33 · 355 阅读 · 0 评论 -
Vue 动态组件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态组件</title> <script src="https://cdn.staticfile.org/vue/2原创 2019-03-10 21:04:46 · 229 阅读 · 0 评论