Web圣堂幻术VUE不定时更新）

跳转到文章结尾

目录

Vue

VUE

---

2018年12月25日13点51分
在学习vue之前，我们可以了解一下node.js

简单的说 Node.js 就是运行在服务端的 JavaScript。
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。

node 为我们编译JavaScript代码提供了环境，我们可以像使用Python的交互式环境那样去使用它：
首先在命令行中输入node，接下来进入交互式环境中，就可以进行交互式编程。

例如:

$node
> console.log("Here not a world.")
Here not a world.

如果你学习过Python它其实可以理解为:

$python
>>>print("Here not a world.")
Here not a world.

接下来还需要说一下npm与cnpm

npm是nodejs的包管理器，在中国不太稳定，所以使用cnpm

安装npm的方法

sudo apt install npm

安装cnpm的两种方法

npm install cnpm -g 

npm install -g cnpm --registry=https://registry.npm.taobao.org
# 我使用淘宝镜像的时候曾经出现过一些问题

Vue学习笔记（一）

Vue的挂载点el只能挂载在标签的id属性上, 但不可以是class属性。而且Vue所挂载的id只支持第一个，如果有多个id，则不会生效。
html代码例如：

<div id="app">
    <p>Here is Vue.</p>
<div>

<script>
new Vue({
  el: '#app',    # 挂载点
  data: {
    message: 'Hello Vue.js!'
  }
})
</script>

使用这样的代码的前提是导入了vue.min.js;
导入方式可以是导入物理地址上的vue.min.js;
也可以使用网络服务器(CDN)地址上提供的vue.min.js：

CDN简介：

CDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在网络之上的内容分发网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。

---------------------------2018年12月27日20点39分----------------------------
Vue的本质是操作数据，而不是DOM节点，Vue的页面全都是数据填充起来的。

返回目录再看看

相关链接：
Web前端幻术