• Vue.js 安装


    注意:vue.js 不支持 IE8 及其以下版本,学习前请保证你的浏览器兼容 ECMAScript 5,可访问 http://caniuse.com/#feat=es5 查看支持 ECMAScript 5 特性的浏览器版本。

    安装教程

    1、直接下载 js 文件 在官网下载vue.min.js文件,然后在<script>标签中引用,如下:

    <script src="/yourdir/vue.min.js"></script>

    vue.min.js地址:http://vuejs.org/js/vue.min.js

    2、使用 CDN 方法 推荐使用bootcdn的CDN服务,比较稳定,而且可选择对应的版本。

    bootcdn vue地址:http://www.bootcdn.cn/vue/

    Vue 实例

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>Hello MUI</title>
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="stylesheet" href="css/mui.min.css">
        <title>Vue 第一个实例</title>
        <script src="http://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>
    </head>
    <body>
        <div id="app">
            <p>{{ message }}</p>
        </div>
    
        <script>
            var app = new Vue({
                el: '#app',
                data: {
                        message: 'Hello World!欢迎学习Vue'
                }
            })
        </script>
    </body>
    </html>
  • 相关阅读:
    个人博客作业-软件案例分析
    个人项目
    个人博客作业
    软件工程作业一
    BUAAOO第四单元总结
    BUAAOO第三单元总结
    BUAAOO第二单元总结之电梯问题
    BUAAOO第一单元的总结
    个人总结
    第三次个人编程作业
  • 原文地址:https://www.cnblogs.com/pzkperson/p/10715621.html
Copyright © 2020-2023  润新知