[前端] VUE (1)

vue官方网站:https://cn.vuejs.org/v2/guide/#

一、导入vue.js

使用CDN:


<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>

<script src="https://cdn.jsdelivr.net/npm/vue">script>

或者将vue.js的代码复制到本地vue.js中。

二、vue使用

1.初次使用vue

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>VUEtitle>
head>
<body>
<div id="app">
  {{ message }}
div>
<script src="static/vue.js">script>
<script>
    // 使用vue
    var app = new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue!'
        }
    })
script>
body>
html>

1)导入vue.js

2)创建一个Vue实例,注意参数是一个对象,el表示elements,表示绑定的DOM对象,data表示数据属性。

3)在被绑定的标签中使用{{message}}来表示被渲染的数据。(模板语言)

2.

 

 

 

 

666

你可能感兴趣的:([前端] VUE (1))