vue、react、agular

vue三步走:
首先在head中引入vue.js
其次在body中创建一个div元素(div#app )
最后在script中创建一个根实例(

var app = new Vue({
    el:'#app',
    data:{},
    computed:{},
    methods:{}
})

react三步走:
首先在head中引入react.js、react-dom.js、browser.js
其次在body中创建一个div元素(div#app )
最后在script中创建一个组件componet
创建组建的三种方式:

1.######es5
var App = React.createClass({
    render(){
        return(
             <div>1111<div>
        )
    }
})
ReactDom.render(<App/>,document.getElementById('app'));


2.######function
function App(props){
    return(
         <div>1111<div>
    )
}

3.#######es6
class  App extends React.Compenent{
    constructor(props){
        super(props);
        this.state={
             title:"666"
        }
    }
    render(){
        return(
             <div>1111<div>
        )
    }
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 最近在逛各大网站,论坛,以及像SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容...
    忘川慕白阅读 6,132评论 7 113
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,771评论 1 45
  • 前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    自you是敏感词阅读 899评论 0 3
  • # 传智播客vue 学习## 1. 什么是 Vue.js* Vue 开发手机 APP 需要借助于 Weex* Vu...
    再见天才阅读 3,786评论 0 6
  • 姑娘最开始写作,是在读中学的时候,老师要求每个晚自习后,都写一篇思想汇报。写的不错的文章就会被老师择出来,给大家阅...
    风花星月阅读 1,151评论 13 18

友情链接更多精彩内容