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 · 138 阅读 · 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 · 372 阅读 · 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 · 718 阅读 · 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 · 154 阅读 · 0 评论 -
Vue-9 如何进行调试
使用console.log() 使用alert() 将某个对象绑定到window全局对象上 mounted是vue的一个生命周期，相当于组件挂载完成之后，则会执行mounted中的内容原创 2019-03-03 17:23:11 · 233 阅读 · 0 评论 -
Vue - 8 Vuex介绍
根据慕课网的课程做的笔记 为什么要引入Vuex 单向数据流概念 我们页面是由很多个视图来组成的，用户的操作会带来视图上状态的变化，状态的变化又会来驱动视图的更新，如果说，我们的页面没有采用这种数据流的概念去开发的话，组件间的状态管理就会变得异常的复杂 我们常见的用Vuex来解决的问题如下： 多个视图依赖于同一状态（例：菜单导航） 来着不同视图的行为需要变更同一状态（例：评论弹幕） Vuex介...原创 2019-03-03 16:52:38 · 210 阅读 · 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 · 315 阅读 · 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 · 275 阅读 · 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 · 1929 阅读 · 0 评论 -
Vue-4 条件渲染、列表渲染、class与Style绑定
条件渲染 条件渲染常用指令： v-if、v-else-if、v-else v-show v-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 · 389 阅读 · 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 · 896 阅读 · 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 · 398 阅读 · 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 · 264 阅读 · 0 评论