为了账号安全,请及时绑定邮箱和手机立即绑定
  • <div id="bg">
            <div class="bg" >
                hello world
                {{msg}}
            </div>
            <div class="bg">
                hello world
                {{msg}}
            </div>
            {{ (count+1)*10 }}
            {{template}}
            <div v-html="template">
            </div>
        </div>
    <script>
        new Vue({
            el:'#bg',
            data:{
                msg:'hello aurora',
                count:0,
                template:'<div>hello template</div>'
            }
        })
    </script>


    查看全部
    0 采集 收起 来源:模板语法

    2019-02-02

  • https://www.bootcdn.cn/  稳定、快速、免费的前端开源项目 CDN 加速服务

    <body>
        <div class="bg">
            hello world
            {{msg}}
        </div>
    <script>
        new Vue({
            el:'.bg',
            data:{
                msg:'hello aurora'
            }
        })
    </script>


    当有多个相同class 的时候,只有第一个会进行输出,其他会原样当字符串直接输出 不会进行解析。

    解决冲突是使用ID定义,

    <body>
        <div class="bg" >
            hello world
            {{msg}}
        </div>
        <div class="bg" id="bg">
            hello world
            {{msg}}
        </div>
    <script>
        new Vue({
            el:'#bg',
            data:{
                msg:'hello aurora'
            }
        })
    </script>
    </body>

    相同都执行时,使用外面嵌套一个div 设置id 

    <body>
        <div id="bg">
            <div class="bg" >
                hello world
                {{msg}}
            </div>
            <div class="bg">
                hello world
                {{msg}}
            </div>
        </div>
    <script>
        new Vue({
            el:'#bg',
            data:{
                msg:'hello aurora'
            }
        })
    </script>


    查看全部
    0 采集 收起 来源:第一个vue应用

    2019-02-02

  • UMDCommonJSES Module
    完整版vue.jsvue.common.jsvue.esm.js
    只包含运行时版vue.runtime.jsvue.runtime.common.jsvue.runtime.esm.js
    完整版 (生产环境)vue.min.js--
    只包含运行时版 (生产环境)vue.runtime.min.js--
    • 完整版:同时包含编译器和运行时的版本。

    • 编译器:用来将模板字符串编译成为 JavaScript 渲染函数的代码。

    • 运行时:用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切。

    • UMD:UMD 版本可以通过 <script> 标签直接用在浏览器中。jsDelivr CDN 的 https://cdn.jsdelivr.net/npm/vue 默认文件就是运行时 + 编译器的 UMD 版本 (vue.js)。

    • CommonJS:CommonJS 版本用来配合老的打包工具比如 Browserify 或 webpack 1。这些打包工具的默认文件 (pkg.main) 是只包含运行时的 CommonJS 版本 (vue.runtime.common.js)。

    • ES Module:ES module 版本用来配合现代打包工具比如 webpack 2 或 Rollup。这些打包工具的默认文件 (pkg.module) 是只包含运行时的 ES Module 版本 (vue.runtime.esm.js)。


    查看全部
    0 采集 收起 来源:第一个vue应用

    2019-02-02

  • 环境介绍 基本概念 组件思想 

    axios

    查看全部
    0 采集 收起 来源:知识点解释

    2019-02-02

  • nvm node 的版本管理工具

    node.js

    Chrome vue 插件

    查看全部
    0 采集 收起 来源:前置学习环境

    2019-02-02

  • 框架常用知识点 

    认识vue 应用

    模块语法 v-bind 属性绑定 事件绑定

    条件渲染 列表渲染 class 与style 绑定

    核心技术

    认识vue-cli工具,vue代码规范

    vue组件的调试方法

    vue-router   vuex

    集成vue2

    介绍workflow 工作流

    单页面demo (动态表单、列表动态展示)

    使用cli工具 开发常见的应用组件

    查看全部
    0 采集 收起 来源:课程安排

    2019-02-02

  • vue2 框架常用知识点 末班语法 条件渲染 列表渲染等

    vue 核心技术 vue-router  vuex

    集成vue2

    查看全部
    1 采集 收起 来源:课程介绍

    2019-02-02

  • 易用  灵活 高效

    学习方法:看(目录 倍数看 重点看) 记 (笔记 重点 讨论) 练 (随堂 作业 实战)
    
    渐进式 javascript
    灵活性(语法灵活 灵活的开发方式) 丰富的生态(模块 插件 ) 开发资料多 论坛活跃

    广泛应用 移动端 web

    查看全部
    0 采集 收起 来源:课程介绍

    2019-02-02

  • 321312

    查看全部
    0 采集 收起 来源:课程介绍

    2019-01-29

  • BOO
    查看全部
    0 采集 收起 来源:第一个vue应用

    2019-01-29

  • 23213

    查看全部
    0 采集 收起 来源:认识vue-cli

    2019-01-28

  • class绑定的两种写法,19:10


    查看全部
  • style的绑定用法,17:04

    查看全部
  • 安装nvm的步骤:

    1.打开github官网https://github.com/,输入nvm搜索,选择creationix/nvm,打开creationix/nvm

    之后按照视频里老师的教学来安装

    查看全部
    2 采集 收起 来源:前置学习环境

    2019-01-23

  • window.vue=this
    查看全部
    0 采集 收起 来源:如何进行调试

    2019-01-23

举报

0/150
提交
取消
课程须知
1.前端基础知识的HTML,Javascript, css 2.适合于前端小白,想了解最流行的前端框架的小伙伴。 3.有基础的前端/后台人员,想提高工作效率,扩展前端框架的应用的人
老师告诉你能学到什么?
1. vue常用模板语法 2. 列表渲染、条件渲染 3. Class与style绑定 4. vue事件绑定与处理 5. vue计算属性computed, watch 6. vue-cli快速创建工程 7. vue的组件思想,代码规范 8. vue-router介绍 9. 认识vuex,组件间的通信方式 10. 前端调试方法,vue组件调试方法

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!