1. 首页>
  2. 技术文章>
  3. 学vue2第3天

学vue2第3天

9/19/22 9:15:58 PM 浏览 825 评论 0

vue

计算属性:

<div id="app">
        <p>当前时间方法:{{getCurrentTime()}}</p>
        <p>当前事件属性:{{getCurrentTime1}}</p>
        <p>当前事件属性:{{getCurrentTime1}}</p>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script src="https://unpkg.com/axios@0.27.2/dist/axios.min.js"></script>
<script>
        var app = new Vue({
            //element缩写
            el: '#app',
            methods: {
                getCurrentTime: function () { return Date.now(); }
            },
            computed:{
                getCurrentTime1:function() {return Date.now();}
            }
        })
</script>

下载nodejs:http://nodejs.cn/download/,下载完成查看版本,window7需要下载一个旧版本,https://registry.npmmirror.com/binary.html?path=node/latest-v10.x/ 下载msi版本:

node -v

查看npm版本:

npm -v

使用下面语句解决下载慢的问题:

npm config set registry=https://registry.npm.taobao.org

查看是否成功:

npm config get registry

安装vue-cli,-g表示全局,

npm install vue-cli -g

查看下载情况:

vue list

初始化webpack:

vue init webpack demo1

依赖包:

npm install

运行:

npm run dev

如果运行失败,那么重装下webpack-dev-server

npm uninstall webpack-dev-server
npm install webpack-dev-server@2.9.1




网友讨论