什么是Vue.js

Vus.js是一套开发web页面的Javascript脚本框架。

框架特点:

单页模式
轻量级框架
MVVM设计模式
官方网站
https://cn.vuejs.org/
知识点
安装及使用
- 1、下载框架库，项目通过script加载CDN文件
- 2、项目基于npm安装
  - 命令 $ npm i vue —save-dev
  - 国内使用淘宝资源类库
  - 命令 $ cnpm i vue —save-dev
- 3、项目通过bower来安装
  - 命令 bower i vue —save-dev

代码第一个helloworld程序

第一种方式 JS加载CND文件

<html>
<head>
<title>Hello World</title>
</head>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="didi-navigator">
  <ul>
    <li v-for="tab in tabs">
      {{ tab.text }}
  </ul>
</div>
<script>
  new Vue({
    el: '#didi-navigator',
    data: {
      tabs: [
        {text : '巴士'},
        {text : '快车'},
        {text : '专车'},
        {text : '顺风车'},
        {text : '出租车'},
        {text : '代驾'}]
    }
  });
</script>
</html>

Statement of this Website

The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!

All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement

0 comments

Author's latest blog post

Vue.js 基础入门系列（一）环境搭建

2021-03-18 10:56:15

什么是Vue.js

知识点

代码 第一个helloworld程序

代码第一个helloworld程序