vue

Posted agang-php

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <!-- -->
    <title></title>
</head>
<body>
    <div id=‘app‘>
        msg
        <input type="text" v-model="msg">
    </div>
</body>
<script type="text/javascript">
    window.onload = function()
        var vm = new Vue(
            el : "#app",  //vue和容器的关联关系,用于,开发者自定义变量的的范围
            data :
                msg:‘msg bian liang‘
           
        );
        console.log(‘vm‘);
   
</script>
</html>

 

1、安装node.js

2、安装vue 脚手架工具

npm install --global vue-cli

以上是关于vue的主要内容,如果未能解决你的问题,请参考以下文章

vue学习笔记初识vue——创建vue示例

vue2能用vue3封装的组件

vue3简介——升级Vue的版本 vue2.9.6升级到vue3.0——创建Vue3.0工程-——vue3_devtool开发者工具的下载安装

vue基础3--vue组件通信

Vue入门:Vue基础

vue3与vue2的比较