Vue
VueStudy
南方顾屿
%windir%\system32\inetsrv\appcmd unlock config -section:system.webServer/handlers
展开
-
day05-Vue-模板语法-插值
目录一、插值1.文本2.原始HTML3.Attribute4.使用 JavaScript 表达式一、插值1.文本数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值:<span>Message: {{ msg }}</span>Mustache 标签将会被替代为对应数据对象上 msg property 的值。无论何时,绑定的数据对象上 msg property 发生了改变,插值处的内容都会更新。通过使用 v-once 指令,也能执行一次性地原创 2020-12-19 10:51:37 · 246 阅读 · 1 评论 -
day04-Vue-生命周期
目录一、实例生命周期钩子二、生命周期图示一、实例生命周期钩子每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。比如 created 钩子可以用来在一个实例被创建之后执行代码:new Vue({ data: { a: 1 }, created: function () { // `th原创 2020-12-19 10:23:06 · 197 阅读 · 1 评论 -
day03-Vue-数据与方法
目录一、创建一个Vue实例二、数据与方法一、创建一个Vue实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的: var vm = new Vue({ // 选项 })虽然没有完全遵循 MVVM 模型,但是 Vue 的设计也受到了它的启发。因此经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例。一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例,以及可选的嵌套的、可复用的组件树组成。举个例子,一个 todo 应用的原创 2020-12-19 10:06:57 · 215 阅读 · 1 评论 -
day02-Vue-创建第一个Vue应用
目录一、起步二、声明式渲染三、条件与循环四、处理用户输入一、起步尝试 Vue.js 最简单的方法是使用 Hello World 例子。你可以在浏览器新标签页中打开它,跟着例子学习一些基础用法。或者你也可以创建一个 .html 文件,然后通过如下方式引入 Vue:<!-- 开发环境版本,包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>或者:原创 2020-12-08 19:59:45 · 253 阅读 · 0 评论 -
node.js 和npm的安装与配置
目录一、node.js1.介绍2.下载与安装3、配置npm在安装全局模块时的路径和缓存cache的路径4.测试二、npm1.介绍2.安装二、cnpm1.介绍2.安装一、node.js1.介绍node.js:是一个基于 Chrome V8 引擎的 JavaScirpt 运行环境。2.下载与安装1.Node.js 官方网站下载:https://nodejs.org/en/2.下载完成后傻瓜式安装,这里就不详细介绍了。3.安装成功,文件夹结构如下,并在上面安装过程中已自动配置了环境变量和安装好了n原创 2020-12-06 14:06:16 · 461 阅读 · 0 评论 -
day01-Vue-介绍、安装与部署
目录一、Vue介绍?二、安装1.直接用< script >引入2.CDN三、部署一、Vue介绍?Vue:渐进式JavaScript框架优点:体积小更高的运行效率双向数据绑定生态丰富,学习成本低 二、安装1.直接用< script >引入<script src = "vue.js"></script>2.CDN该处使用的url网络请求的数据。三、部署...原创 2020-12-06 13:34:34 · 232 阅读 · 0 评论