vue入门

vue快速入门

(参照小黑的博客：Vue快速入门)

https://blog.csdn.net/qq_28244771/article/details/106818026

vue入门案例（api接口）

vue安装

参照官方的提供Vue安装，这里使用本地引用的方式

<script src="static/vue.js"></script>
<!--引用vue.js（使用自己vue.js存放的路径）-->

简单演示

<div id="app">
    <p>{
  {message}}</p>
</div>

<script>
    let vm=new Vue({
    
        el:'#app',
        data:{
    
            message:'hello'
        }
    })
</script>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RA7tFcEe-1597546573797)(C:\Users\machenike\AppData\Roaming\Typora\typora-user-images\image-20200814104105000.png)]

双向绑定

<div id="app">
    输入框
    <inp